// 导入所有样式文件
@import 'variables';
@import 'mixins';
@import 'base';

// 工具类
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mt-1 { margin-top: map-get($spacers, 1); }
.mt-2 { margin-top: map-get($spacers, 2); }
.mt-3 { margin-top: map-get($spacers, 3); }

// 按钮样式类
.btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
  
  &-primary {
    @include button-variant($primary-color);
  }
  
  &-secondary {
    @include button-variant($secondary-color);
  }
  
  &-success {
    @include button-variant($success-color);
  }
  
  &-danger {
    @include button-variant($danger-color);
  }
}